<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no, viewport-fit=cover"
    />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta name="format-detection" content="telephone=no" />
    <title>TESCO移动商城-首页</title>

    <!-- 1. 引入重置样式表 -->
    <link rel="stylesheet" href="./css/normalize.css" />

    <!-- 2. 引入字体图标样式表 -->
    <link rel="stylesheet" href="./lib/font/iconfont.css" />

    <!-- 3. 引入公共样式表 -->
    <link rel="stylesheet" href="./css/common.css" />

    <!-- 4. 引入插件样式表 -->

    <!-- 5. 引入头部样式表 -->
    <link rel="stylesheet" href="./css/header.css" />

    <!-- 6. 引入当前页面样式表 -->

    <!-- 7. 引入页脚样式表 -->
    <link rel="stylesheet" href="./css/footer.css" />
  </head>

  <body class="flexDc jcsb">
    <!-- 头部 -->
    <header class="flexDr aic fs16 cff bge43">
      <div class="menu tac">
        <i class="iconfont icon-menu fs26"></i>
      </div>
      <div class="search flex1 flexDr jcc">
        <input class="on" type="text" placeholder="寻找你的宝贝" />
      </div>
      <div class="login">登录</div>
    </header>

    <!-- 主要内容 -->
    <main class="flex1 ofs">这里是首页</main>

    <!-- 页脚 -->
    <footer class="flexDr fs12 c8b">
      <a class="flex1 flexDc aic c8b" href="./index.html">
        <i class="iconfont icon-index fs20"></i>
        <span>首页</span>
      </a>
      <a class="flex1 flexDc aic c8b" href="./category.html">
        <i class="iconfont icon-classification fs20"></i>
        <span>分类</span>
      </a>
      <a class="flex1 flexDc aic c8b" href="./shopCar.html">
        <i class="iconfont icon-shopCar fs20"></i>
        <span>购物车</span>
      </a>
      <a class="flex1 flexDc aic c8b" href="./my.html">
        <i class="iconfont icon-my fs20"></i>
        <span>我的</span>
      </a>
    </footer>

    <!-- 页面特效部分 -->

    <!-- 引入jQuery -->
    <script src="./js/jquery-3.7.1.min.js"></script>

    <!-- 引入validate -->
    <script src="./js/jquery.validate.js"></script>

    <!-- 引入插件 -->

    <!-- 引入公共js -->
    <script src="./js/common.js"></script>

    <!-- 引入首页js -->
    <script src="./js/index.js"></script>
  </body>
</html>
